<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <div id="app">
        <title>初始vue</title>
        <p>{{name}}</p>
    </div>
<!-- 通过本地方式引入vue.js-->
    <script src="../js/vue.js">
    </script>
    <script type="text/javascript">

<!-- 通过全局Vue函数关闭生产环境提示-->
Vue.config.productionTip=false
    //创建一个vue实例，且要传入配置对象
    //app容器里的代码依然符合html语法，只不过里面多了多了一些vue的特殊语法，比如说插值语法{{}}
    //app容器里的代码叫做【vue模板】

    const x=new Vue({
        el:"#app",//指定这个vue实例为谁服务，这里使用的是id选择器选中id为app的div元素
        data:{ //用于存储vue实例需要动态转换的数据，用于存储数据
            name:"第一天学习"
        }
    })

    </script>
</head>
<body>

</body>
</html>
